<template>
  <div v-lazy-container="{ selector: 'img' }" class="img" :key="src">
    <img :data-src="src" :key="src"/>
  </div>
</template>

<script>
export default {
  name: 'KImage',
  props: {
    src: String
  },
  mounted () {
  }
}
</script>

<style scoped lang="scss">
  .img {
    display: flex;
    align-items: center;
    text-align: center;
  }
  img {
    width: 100%;
    height: 100%;
  }
</style>
